<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link href="../../../css/mui.min.css" rel="stylesheet"/>
    <!--全局css-->
    <link href="../../../css/g.css" rel="stylesheet">
    <!--每个文件对应一个css-->
    <link href="name.css" rel="stylesheet">
    <script>
        //每个页面必须添加 ，css单位使用rem
        document.documentElement.style.fontSize = window.innerWidth / 7.5 + 'px';
    </script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <button class="rightMargin mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-right">
        保存
    </button>
    <button class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left mui-action-back">
        <span class="mui-icon mui-icon-left-nav"></span>
        姓名
    </button>
</header>
<div class="mui-content">
    <div class="mui-scroll-wrapper a-top44">
        <div class="mui-scroll">
            <div class="trueName">
                <p class="use">请使用真实姓名</p>
                <input class="nameInput" type="text" placeholder="输入您的名字">
            </div>
        </div>
    </div>
</div>
<!--有用到再引用-->
<!--接口-->
<script src="../../../js/mui.min.js"></script>
<script src="../../../js/base.js"></script>
<!--模板-->
<script src="../../../js/laytpl.js"></script>
<!--常用方法 dom操作用原生或mui-->
<script src="../../../js/mq.js"></script>


<script>
    mui.init();
    $$.initScroll();

</script>
</body>
</html>